import { useLocation } from "react-router";
import { CloseCircleOutlined } from "@ant-design/icons";
import ProcessAntv from "@/components/Process-Antv/index";
import { useNavigate } from "react-router";
const EchartsProcess = () => {
  const location = useLocation();
  const nodeflows = location.state;
  const navigate = useNavigate();

  return (
    <div className="w-full h-full ">
      <div className="text-right cursor-pointer">
        <CloseCircleOutlined onClick={() => navigate(-1)}  style={{ color: "#fff", fontSize: 20 }} />
      </div>
      <ProcessAntv nodeflowsJson={nodeflows} />
    </div>
  );
};

export default EchartsProcess;
